const html = (code) => {
  return `
    <div style="font-family: 'Segoe UI', Arial, sans-serif; background-color: #f6f9fc; padding: 40px 20px; color: #333;">
      <div style="max-width: 480px; margin: 0 auto; background: #fff; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); padding: 30px 24px;">
        <h2 style="margin-top: 0; color: #2c3e50; text-align: center;">登录验证码</h2>
        <p style="margin: 16px 0; text-align: center;">您好，您的本次登录验证码为：</p>
        <div style="text-align: center; margin: 24px 0;"> <span style="display: inline-block; font-size: 28px; font-weight: bold; letter-spacing: 4px; color: #4a90e2; padding: 12px 24px; border: 2px dashed #4a90e2; border-radius: 6px; background: #f0f6ff;"> ${code} </span> </div>
        <p style="margin: 16px 0; text-align: center; font-size: 14px; color: #555;"> 该验证码 <strong>5 分钟内有效</strong>，请勿泄露给他人。 </p>
        <hr style="border: none; border-top: 1px solid #eee; margin: 24px 0;" />
        <p style="font-size: 12px; color: #888; text-align: center;"> 如果这不是您的操作，请忽略此邮件。 </p>
      </div>
      <p style="text-align: center; margin-top: 16px; font-size: 12px; color: #aaa;"> © ${new Date().getFullYear()} xypcn.top. All rights reserved. </p>
    </div>
  `;
};

export default html;
